@charset "UTF-8";
/* CSS Document */

html {	font-size: 100%;height: 100%;	margin-bottom: 1px; }/* Always show a scrollbar for short pages - stops the jump when the scrollbar appears. non-IE browsers */

/*DEFAULT BODY STYLES + BG FOR MAIN AND LOGIN SCREENS*/
body {font-family:  'Lucida Grande',"Trebuchet MS",Verdana,sans-serif; font-size: 12px; line-height: 140%; color:#1b110f; padding: 0 0 50px 0; position: relative}
body {background:#000000 url(../images/layout/fundo.jpg) fixed no-repeat top center;}
h1 {}
h2 {}
h3 {font-size: 17px; padding: 5px 0 10px 0; line-height:0px;}
h4 {font-size: 16px; line-height:0px;}
h5 {font-size: 13px; padding: 5px 0 15px 0; line-height:0px; text-transform:uppercase; color: #6a5644}

p {padding-bottom: 7px}
.clear {clear: both}
strong {font-weight: bold}
a {color: #41829f}
a:hover {text-decoration: none}
em {font-style:italic}
.hide{display:none;}
.box_circle{-moz-border-radius: 5px; -webkit-border-radius: 5px;}

/*MAIN CONTAINERS*/
#header {height: 65px; width: 100%; position:fixed; z-index:10; background:#000000 url(../images/layout/fundo.jpg) fixed no-repeat top center;}
#wrapper {float: left; position: relative; width:100%; margin-top:82px;}
#content {width: 100%; float: left; background:#FFFFFF;}
#content .spacer{padding:0 5px 5px 5px;}

/*HEADER*/
#logo {display: block;}
#logo h1 {width:90px; height: 35px; padding:5px 0 0 5px; float:left;}
#logo h1 a {text-indent: -9999px; height: 60px; background:url(../images/layout/logo_top.png) no-repeat; display: block}

#logo ul#welcome {list-style: none; margin-top: 10px; color: #000000; font-size:10px; float:right;}
#logo ul#welcome li {float: left; margin: 0 10px 0 0}
#logo ul#welcome li#last {clear: both;  padding: 8px 0 0 0; color:#6a5644}
#logo ul#welcome li strong {font-weight: normal; color: #ece0d2}
#logo ul#welcome li a {text-decoration: none; padding: 1px 0 1px 10px; background: url(../images/layout/menu_line.gif) repeat-y; color:#000000}
#logo ul#welcome li a:hover {color: #ece0d2}

#logo ul#welcome li#project_selector{
    background: none repeat scroll 0 0 #CCCCCC;
    color: #000000;
    font-size: 15px;
    font-weight: bold;
    padding: 4px;
}

/*BULLETPROOF BUTTON*/
button {border:none; background: none; cursor: pointer;}
.button_inner {margin:0 0 0 10px; float:right; padding:2px; text-align:center; background:none; background:#F1F1F1; border:1px solid #E8E4DE;}
.button_inner:hover{cursor: pointer; background: none; background:#E8E4DE;}	
.button_inner button img {display:inline; margin:0 5px 0 0;}

/*TEMPLATES*/
.container_right{float:right; margin-top:5px;}
.container_left{float:left; margin-bottom:5px;}
#box_content{clear:both;}
a.button{margin:0 2px; background:#F1F1F1; color:#5E5552; border:1px solid #555555; float:left; display:block; text-decoration:none;}
a.button span{padding:5px !important; display:block;}
a.button:hover{background:#E8E4DE;}

/*FORMS*/
.forms {width:100%; float:left;}
.forms fieldset {border: none; outline: none; background:url(../images/icons/cross_circle.png) no-repeat -9999px -9999px}
.forms label {float:left; margin:14px 0 0 0;}
.forms label a{float:left; margin:30px 0 0 10px;}
.forms label.left{margin:14px 5px 0 0;}
.forms label span{float:left; clear:both;}
.forms fieldset input {float:left; clear:both; height: 15px; width: 210px; border: 1px solid #CCCCCC; padding: 6px 5px 4px 5px; background: #f7f7f7}
.forms fieldset input.full{width: 437px;}
.forms fieldset select {float:left; clear:both; height: 27px; width:222px; border: 1px solid #CCCCCC; padding: 5px 5px; background: #f7f7f7}
.forms fieldset textarea {float:left; clear:both; height:143px; width:437px; border: 1px solid #CCCCCC; padding: 5px 5px; background: #f7f7f7}
.forms fieldset img{margin-left:10px;}
.forms label.error {color: #da3939; font-size: 10px; font-style: italic; text-align: right; padding: 0 20px 0 0; background:url(../images/icons/cross_circle.png) no-repeat center right; position: absolute; height: 16px; margin:-14px 0 0 0; display:block; }

/* TABLES */	
table.broom_table  {border-collapse: collapse; margin: 0; width: 100%;border: 1px solid #CCCCCC; border-right: none; font-size:11px; margin-top:10px;}
table.broom_table thead {border-bottom: 1px solid #CCCCCC; }
table.broom_table thead th{color:#333333;text-align:left; font-weight:bold;text-transform:uppercase; padding:10px 10px 10px 20px; border-right: 1px solid #CCCCCC}

table.broom_table  td { padding: 5px 10px 5px 20px; line-height: 120%; vertical-align: middle; background: #f7f7f7; border-right: 1px solid #CCCCCC;}
table.broom_table  tr.odd td { background: #f1f1f1;}

table.broom_table  tr.over td,
table.broom_table  tr:hover td { cursor: pointer; background: #E8E4DE }
table.broom_table  tr:hover a {}

/*ICONS*/
a.icon span{float:left; text-indent: -9999px;}
a.delete {padding: 0; display: inline-block; width: 16px; height: 16px;  background:url(../images/icons/cross.png) no-repeat; margin: 0 10px 0 0}
a.edit {padding: 0; display: inline-block; width: 16px; height: 16px; background:url(../images/icons/pencil.png) no-repeat; margin: 0 10px 0 0}
a.tasks {padding: 0; display: inline-block; width: 20px; height: 20px; background:url(../images/icons/tasks.png) no-repeat; margin: 0 10px 0 0}
a.kanban {padding: 0; display: inline-block; width: 29px; height: 20px; background:url(../images/icons/kanban.png) no-repeat; margin: 0 10px 0 0}
a.attach {padding: 0; display: inline-block; width: 16px; height: 16px; background:url(../images/icons/attach.png) no-repeat; margin: 0 10px 0 0}
a.archive {padding: 0; display: inline-block; width: 20px; height: 20px; background:url(../images/icons/archive.png) no-repeat; margin: 0 10px 0 0}
a.meeting {padding: 0; display: inline-block; width: 25px; height: 20px; background:url(../images/icons/meeting.png) no-repeat; margin: 0 8px 0 0}
a.task_going {padding: 0; display: inline-block; width: 16px; height: 16px; background:url(../images/icons/clock.png) no-repeat; margin: 0 10px 0 0}
a.view {padding: 0; display: inline-block; width: 15px; height: 15px; background:url(../images/icons/view.png) no-repeat; margin: 0 10px 0 0}

/*TABLE / RECORD PAGINATION*/
.pagination {padding: 20px 0}
.pagination a {text-decoration: none; color:#000000; background: #f1f1f1; padding: 5px 9px; margin: 0 0 7px 0; border: 1px solid #CCCCCC; font-size:9px}
.pagination a:hover {cursor: pointer; background: #E8E4DE; color:#666666; }
.pagination a.selected { background: #E8E4DE; color:#666666; font-weight:bold; }
.pagination a.disabled { color:#999999; }
.pagination a.disabled:hover { color:#999999; background: #f1f1f1;}

/*LOGIN*/
#content_login{float:left; margin:80px 5px 0 5px; width:600px;}
.login_form {position: absolute; background: url(../images/layout/bg_login_top.gif) no-repeat #FFFFFF; width:600px}
.login_form fieldset {background:url(../images/layout/bg_login_bottom.gif) no-repeat left bottom; padding: 10px 30px 15px 30px; margin-top: 10px}
.login_form label {display: block;	position: relative;  padding: 10px 0 10px 0; float: left; width: 200px; height: 45px;}
.login_form fieldset input {border: 1px solid #CCCCCC; height: 27px; padding: 0 5px; position: absolute; top: 30px; left: 0; outline: none; width: 170px ;background: #f7f7f7}
.login_form .button {margin: 30px 0 10px 0}
.login_form a.forgot_login {font-size:10px; float: right; clear: both;}

/*TOOLS BAR*/
#toolsbar{
    background-color: #EFEFEF;
    border-bottom: 1px solid #CCCCCC;
    width: 100%;
	height: 38px;
	float:left;
}

#toolsbar .tools_right{float:right; padding:0 5px 0 0;}
#toolsbar .tools_left{float:left; width:100%;}
#toolsbar .tools_left .title{padding:0 0 0 5px;}
#toolsbar .tools_left .title h3{float:left; padding:20px 0 0 0;}
#toolsbar .tools_left .title span{
    float: left;
    height: 38px;
    margin: 0 25px 0 0;
    width: 261px;
}
#toolsbar .tools_left .add{padding:5px 0 0 4px;}
#toolsbar .tools_left .add span{float:left; padding:10px 5px 0 0;}
#toolsbar .tools_left .filter{padding:5px 0 0 4px;}
#toolsbar .tools_left .filter label{float:left; margin-right:10px;}
#toolsbar .tools_left .filter span{float:left; padding:5px 5px 0 0;}
#toolsbar .tools_left .filter input{float:left; height: 15px; width: 210px; border: 1px solid #CCCCCC; padding: 6px 5px 4px 5px; background: #f7f7f7}
#toolsbar .tools_left .filter select{float:left; height: 30px; width: 210px; border: 1px solid #CCCCCC; padding: 6px 5px 4px 5px; background: #f7f7f7}

/*Prioridade Classes*/
ul.priority_colors{
	clear: both;
    float: left;
    margin: 7px 0 0;
}

ul.priority_colors li.selected{
	border: 1px solid black !important;
}

ul.priority_colors li {
    border: 1px solid #CCCCCC;
    cursor: pointer;
    display: inline-block;
    font-size: 1.4em;
    height: 1em;
    margin-right: 4px;
    padding: 4px;
    vertical-align: baseline;
    width: 1em;
}

.state0{
    background-color: #FFFFFF;
    border-color: #D4D4D4 !important;
}
.state1{
    background-color: #FFFF00;
    border-color: #AAAA00 !important;
}
.state2{
    background-color: #FF9900;
    border-color: #AA6600 !important;
}
.state3{
    background-color: #FF0000;
    border-color: #AA0000 !important;
}
.state4{
    background-color: #FF3300;
    border-color: #AA2200 !important;
}
.state5{
    background-color: #FF0000;
    border-color: #D50000;
}
.state6{
    background-color: #8B0000;
    border-color: #600000;
}
.state7{
    background-color: #363636;
    border-color: #202020;
}


/*FOOTER*/
#footer {font-size:9px; list-style: none; padding: 100px 0 10px 230px}
#footer li {float: left; margin-right: 10px}

/*IE7 FIX 18/12/2008 */
ul.tabbernav li,
.login_form a.forgot_login {white-space:nowrap;}/*additional*/
.forms {clear: both}/*additional*/




/*NOTIFICAÇÕES GERAIS*/
#resultMensage{
    position: fixed;
    width: 100%;
    z-index: 1005;
}

#resultMensage .background{
	width: 100%;
	border: 1px solid #000000; 
	background: #303030;
	opacity:0.65;
	-moz-opacity: 0.65;
	filter: alpha(opacity=65);
	position:absolute;
	height:40px;
	z-index:10;
}

#resultMensage .notification {
	float:left; 
	width:100%; 
	color:#FFFFFF;
	position:relative;
	z-index:20;
	height:40px
}

#resultMensage .notification a.close {
	position: absolute; 
	top: 5px; 
	right: 5px; 
	padding-right: 15px; 
	color:#990000; 
	background: url(../images/icons/cross_small.png) no-repeat right center; 
	font-size:9px
}
#resultMensage .notification span {padding:10px 0 0 0; float:left;}
#resultMensage .notification em {padding:10px 15px 0 15px; float:left;}

/*Modal Delete*/

#modalDelete{
	padding:0 10px 0 0;
}
#modalDelete h2{font-size:14px; font-weight:bold;}



/*-----------------------------------AJUSTADOS-------------------------------------------------*/
#kanban {width:100%; clear:both; float:left;}

#kanban h2{
	color:#FFFFFF;
	font-weight:bold;
}

#kanban .list_groups{width:100%; float:left;}

#kanban .list_items{
    width: 268px;
	position:absolute;	
}

#kanban .left{
	background: url("../images/layout/details-r.png") repeat-y scroll 237px top #363636;
	overflow-y:scroll;
}

#kanban .right{
	background: url("../images/layout/details-l.png") repeat-y scroll 0px top #363636;
	display:none;
	z-index:5;
	right:0px;
}

#kanban .list_items .spacer{
	padding:10px 10px 0 10px;
	background: url("../images/layout/details-t.png") repeat-x scroll left top transparent;
	display:block;
	margin:0;
}
#kanban .list_items ul{display:block;}
#kanban .list_items ul li{margin-bottom:4px; z-index:10;}

#kanban .list_items.right div .placeholder{
	width: 226px;
	height:45px;
    display: block;
    border: solid 2px #ccc;
	z-index:10;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;   
}

#kanban .list_items.right ul{
	padding:10px 0 0 10px;
	overflow-y:scroll;
}

a.close_box{
    background: url("../images/icons/close.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    position: fixed;
    margin:-25px 0 0 -10px;
    width: 36px;
	height: 36px;
	display:none;
}